<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>联系我们</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/contact.css">
    <script src="../js/jquery.js"></script>
    <script src="../js/slider.js"></script>
    <meta name="viewport" content="width=device-width">
</head>
<body>
<div class="header">
    <div class="container clearfix">
        <a href="../index.html" >
            <div class="left">
                    <img src="../images/logo.png" alt="">
            </div>
        </a>
        <ul class="right">
            <li class="">
                <a href="../index.html">首页</a>
            </li>
            <li>
                <a href="list.html">产品介绍</a>
            </li>
            <li class="active">
                <a href="javascript:''">联系我们</a>
            </li>
        </ul>
    </div>
</div>
<!-- banner -->
<div class="banner" id="banner">
    <div class="bd">
        <ul>
            <li class="slider" >
                <img src="../images/contactUsBanner.jpg" alt="">
            </li>
        </ul>
    </div>
    <div class="hd">
        <ul>
            <li></li>
        </ul>
    </div>
    <a class="prev" href="javascript:void(0)"></a>
    <a class="next" href="javascript:void(0)"></a>
</div>
<div class="aboutUs">
    <div class="container ">
        <div class="aboutUsLeft">
            <div class="footerTitle">
                <span>关于我们</span>
            </div>
            <div class="aboutUsContent">
                “七一云党建”，是由武汉纺友技术有限公司独创的党建全套
                服务体系，拥有丰富的互联网产品技术开发经验，专注党建工作领
                域，立足于移动端帮助企业建立一整套党建解决方案，贯彻学习党
                的政策法规，落实党建信息化建设。
            </div>
        </div>
        <div class="aboutUsRight">
            <img src="../images/contactPart1.jpg" alt="">
        </div>
    </div>
</div>
<div class="contactUs">
    <div class="container">
        <div class="contactUsTitle">
            <span>联系我们</span>
        </div>
        <div class="contactList">
            <a href="">
               <div class="contactItem contactItem1">
                   <!--<img src="../images/icon1Active.png" alt="" class="img1">-->
                   <!--<img src="../images/icon1.png" alt="" class="img2">-->
                   <div class="contactItemImg">

                   </div>
                   <div class="contactText">
                       <p>联系热线</p>
                       <p>400-189-2025</p>
                   </div>
               </div>
            </a>
            <a href="">
                <div class="contactItem contactItem2">
                    <!--<img src="../images/icon2Active.png" alt="" class="img1">-->
                    <!--<img src="../images/icon2.png" alt="" class="img2">-->
                    <div class="contactItemImg">

                    </div>
                    <div class="contactText">
                        <p>联系QQ</p>
                        <p>259-259-2025</p>
                    </div>
                </div>
            </a>
            <a href="">
                <div class="contactItem contactItem3">
                    <!--<img src="../images/icon3Active.png" alt="" class="img1">-->
                    <!--<img src="../images/icon3.png" alt="" class="img2">-->
                    <div class="contactItemImg">

                    </div>
                    <div class="contactText">
                        <p>联系邮箱</p>
                        <p>ttfj@fuz.com.cn</p>
                    </div>
                </div>
            </a>
            <a href="">
                <div class="contactItem contactItem4">
                    <div class="contactItemImg">

                    </div>
                    <!--<img src="../images/icon4Active.png" alt="" class="img1">-->
                    <!--<img src="../images/icon4.png" alt="" class="img2">-->
                    <div class="contactText">
                        <p>公司地址</p>
                        <p>武汉市洪山区珞瑜路889-1
                            号融众国际14楼</p>
                    </div>
                </div>
            </a>
        </div>
        <div class="siteMap  " id="allmap">

        </div>

    </div>
</div>
<div class="footer">
    <div class="container clearfix">
        <div class="left footerLeft1">
            <div class="footerTitle">
                <span>友情链接</span>
            </div>
            <ul class="footerLeft1Ul">
                <li>
                    <a href="">中国纺机网</a>
                </li>
                <li>
                    <a href="">纺友商城</a>
                </li>
                <li>
                    <a href="">纺友网</a>
                </li>
                <li>
                    <a href="">纺友云</a>
                </li>
                <li>
                    <a href="">纺机商城</a>
                </li>
                <li>
                    <a href="">2025.net</a>
                </li>
            </ul>
        </div>
        <div class="left footerLeft2">
            <div class="footerTitle">
                <span>联系我们</span>
            </div>
            <div class="address">
                <p>湖北省武汉市洪山区珞瑜路889-1号融众国际14楼</p>
                <p>客服热线：400-189-2025</p>
                <p>联系QQ：259 259 2025</p>
            </div>
            <div class="addressInfo">
                <p>Copyright ©All rights reserved 版权所有: 武汉纺友技术有限公司 1998-2016 </p>
                <p>鄂ICP备09014919号-39</p>
            </div>
        </div>
        <div class="right footerRight">
            <div class="footerTitle">
                <span>了解更多</span>
            </div>
            <img src="../images/scode.jpg" alt="">
        </div>
    </div>
</div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Pwsl3iclLObe1NYzouAREmvgqd1bPfaY"></script>
<script type="text/javascript">
    // 百度地图API功能
    var map = new BMap.Map("allmap");    // 创建Map实例
    var point = new BMap.Point(114.402898,30.513865);
    map.centerAndZoom(new BMap.Point(114.402898,30.513865), 14);  // 初始化地图,设置中心点坐标和地图级别
    // 添加带有定位的导航控件
    var navigationControl = new BMap.NavigationControl({
        // 靠左上角位置
        anchor: BMAP_ANCHOR_BOTTOM_LEFT,
        // LARGE类型
        type: BMAP_NAVIGATION_CONTROL_LARGE,
        // 启用显示定位
        enableGeolocation: true
    });
    map.addControl(navigationControl);
    // 添加定位控件
    var geolocationControl = new BMap.GeolocationControl();
    geolocationControl.addEventListener("locationSuccess", function(e){
        // 定位成功事件
        var address = '';
        address += e.addressComponent.province;
        address += e.addressComponent.city;
        address += e.addressComponent.district;
        address += e.addressComponent.street;
        address += e.addressComponent.streetNumber;

    });
    geolocationControl.addEventListener("locationError",function(e){
        // 定位失败事件
//        alert(e.message);
    });
    map.centerAndZoom(point, 12);
    var marker = new BMap.Marker(point);  // 创建标注
    map.addOverlay(marker);              // 将标注添加到地图中


    map.centerAndZoom(point, 15);

    var marker = new BMap.Marker(new BMap.Point(114.402898,30.513865)); // 创建点
    var circle = new BMap.Circle(point,500,{strokeColor:"blue", strokeWeight:2, strokeOpacity:0.5}); //创建圆
    var pStart = new BMap.Point(114.402898,30.513865);
    var pEnd = new BMap.Point(114.402898,30.513865);


    //添加覆盖物
    function add_overlay(){
        map.addOverlay(marker);            //增加点
//        map.addOverlay(polyline);          //增加折线
        map.addOverlay(circle);            //增加圆
//        map.addOverlay(polygon);           //增加多边形
//        map.addOverlay(rectangle);         //增加矩形
    }
    var label = new BMap.Label("我在融众国际写字楼附近",{offset:new BMap.Size(20,-10)});
    marker.setLabel(label);
    map.addControl(geolocationControl);

</script>

<script>

    $('#banner').slide({mainCell:".bd ul",autoPlay:true})

</script>
</body>
</html>